<template>
  <div class="layout">
    <el-container style="width: 100%; height: 100%">
      <el-aside
        width="180px"
        style="
          height: 100%;
          background-color: white;
          box-shadow: 2px 0 3px rgba(0, 0, 0, 0.1);
        "
      >
        <el-menu
          active-text-color="#409EFF"
          background-color="white"
          class="el-menu-vertical-demo"
          :default-active="this.$route.path"
          text-color="#548af7"
          style="height: 100%"
          router
        >
          <el-menu-item index="/main/uniMeeting/room">
            <el-icon><HomeFilled /></el-icon>
            <span>会议室管理</span>
          </el-menu-item>
          <el-menu-item index="/main/uniMeeting/application">
            <el-icon><Document /></el-icon>
            <span>申请管理</span>
          </el-menu-item>
          <!-- <el-menu-item index="/main/meeting/minutesManage">
                        <el-icon><Edit /></el-icon>
                        <span>纪要管理</span>
                    </el-menu-item> -->
          <!-- <el-menu-item index="/main/store/good/product">
                        <el-icon><Handbag /></el-icon>
                        <span>土特产</span>
                    </el-menu-item>
                    <el-menu-item index="/main/store/order/order">
                        <el-icon><document /></el-icon>
                        <span>订单</span>
                    </el-menu-item> -->
        </el-menu>
      </el-aside>

      <el-main>
        <router-view name="view"></router-view>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import router from "@/router";
export default {};
</script>

<style>
.layout {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 60px;
  left: 0;
  background: transparent;
}

.el-menu-item-group {
  background-color: white;
}

.el-menu-item.is-active {
  background-color: #e4e4e4 !important;
}
</style>
